<div class="combo-chart-wrapper" [ngClass]="{'vtrade-wrapper': place==='vtrade'}">
  <div class="combo-chart-header" [ngClass]="{'menu-left': kConfig?.menuLeft, 'with-hr': withHr, 'with-bg': withBg}">
    <h4 class="chart-header" *ngIf="kConfig && !kConfig.noCaption">
      {{(chartSource | async)?.name}}
    </h4>
    <tab-list class="tab-list-primary" [isNavTab]="false" [autoClickFirst]="true" [listData]="listData" (tabClick)="currentConfig = $event"></tab-list>
  </div>
  <div class="chart-wrapper">
    <kchart *ngIf="currentConfig?.cate === 1" [updateEventSource]="stockSource" method="" [period]="currentConfig.period" [lists]="kLists" [config]="kConfig"></kchart>
    <quote-chart *ngIf="currentConfig?.cate === 0" [updateEventSource]="stockSource" method="" [duration]="currentConfig.duration" [hideName]='true'></quote-chart>
  </div>
</div>